﻿@model Guan.CMS.Web.ViewModels.Contact.ContactFormModel
@{
    Layout = "~/Views/Shared/_LayoutNew.cshtml";
}
<!-- Content -->
<div id="content">
    <div class="shell">
        <!-- Featured Area -->
        <div class="featured-area">
            <h2>联系我们</h2>
            @*<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis lorem ipsum dolor sit amet, consectetur </p>*@
            <span class="shadow"></span>
        </div>
        <!-- END Featured Area -->

        <div class="contact-wrapper">
            <div class="widecolumn fl">
                @*<h2><strong>Contact</strong> Us</h2>*@
                @using (Html.BeginForm("Index", "ContactUs", null, FormMethod.Post, new { @class = "contact-form" }))
                {
                    <div class="success">
                        您的消息已成功提交，谢谢！
                    </div>
                    <fieldset>
                        @Html.LabelFor(c => c.Name)
                        @Html.TextBoxFor(c =>c.Name,new{@class="field blink"})
                        @Html.ValidationMessageFor(c => c.Name)
                    </fieldset>

                    <fieldset>
                        @Html.LabelFor(c => c.Email)
                        @Html.TextBoxFor(c =>c.Email,new{@class="field blink"})
                        @Html.ValidationMessageFor(c => c.Email)
                    </fieldset>

                    <fieldset>
                        @Html.LabelFor(c => c.Title)
                        @Html.TextBoxFor(c =>c.Title,new{@class="field blink"})
                        @Html.ValidationMessageFor(c => c.Title)
                    </fieldset>

                    <fieldset class="message-row">
                        @Html.LabelFor(c => c.Message)
                        @Html.TextAreaFor(c => c.Message,10,30,new{@class="field"})
                        @Html.ValidationMessageFor(c => c.Message)
                    </fieldset>
                    <input type="submit" class="submit btn-1" value="提交" />
                }
            </div>
            <aside class="fr">
                <ul>
                    <li>
                        <h3>产品分类</h3>
                        @Html.Action("Category", "Products")
                    </li>
                    @*<li>
                        <h3>Our Address</h3>	
                        <ul class="list-1">
                            <li><strong>Email:</strong> <a href="mailto:contact@yoururl.com" target="_blank">contact@yoururl.com</a></li>
                            <li><strong>Phone:</strong> 333.444.5555</li>
                            <li><strong>Address:</strong> Streetname 123 AB City<br /> Name ABC, ZW 67676</li>
                        </ul>	
                    </li>*@
                    <li>
                        <h3>位置</h3>
                        <div class="mapContainer" style="height: 150px;margin-right: 20px;">
                            @Html.Partial("_MapNew")
                        </div>
                    </li>
                </ul>
            </aside>
        </div>


        <div class="cl">&nbsp;</div>
    </div>
</div>
<!-- END Content -->
@section FooterScripts
{
    @Scripts.Render("~/bundles/jqueryval")
    @if (ViewBag.SubmitSuccess!=null && (bool) ViewBag.SubmitSuccess)
    {
        <script type="text/javascript">
            $(function () {
                $(".contact-form .success").fadeIn(5000, function () {
                    $(".contact-form .success").fadeOut(1000);
                });
            });
        </script>
    }
}
